<admintpl file="header" />
</head>
<script type="text/html" id="photos-item-wrapper">
	<li id="savedimage{id}">
		<input id="photo-{id}" type="hidden" name="photos_url[]" value="{filepath}"> 
		<input id="photo-{id}-name" type="text" name="photos_alt[]" value="{name}" style="width: 160px;" title="图片名称">
		<img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;" onclick="parent.image_preview_dialog(this.src);">
		<a href="javascript:upload_one_image('图片上传','#photo-{id}');">替换</a>
		<a href="javascript:(function(){$('#savedimage{id}').remove();})();">移除</a>
	</li>
</script>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
	         <li class="active"><a href="#A" data-toggle="tab">通用信息</a></li>
	        <li><a href="#B" data-toggle="tab">详细描述</a></li>
	        <li><a href="#C" data-toggle="tab">商品相册</a></li>
	        <li><a href="#D" data-toggle="tab">商品规格</a></li>
	        <li><a href="#E" data-toggle="tab">其它信息</a></li>
	    </ul>
		<form action="{:U('AdminGoods/edit_post')}" class="form-horizontal js-ajax-forms" method="post" enctype="multipart/form-data">
			<input type="hidden" name="post[goods_id]" value="{$data.goods_id}">
			<div class="tabbable">
		        <div class="tab-content">
		          <div class="tab-pane active" id="A">
					<table class="table table-bordered">
						<tr>
							<th>商品名称</th>
							<td><input type="text" name="post[goods_name]" value="{$data.goods_name}" style="width:300px;"><span class="form-required">*</span></td>
						</tr>
						<tr>
							<th>商品分类</th>
							<td>
								<select name="post[cat_id]">
									<option value="">选择分类</option>
										{$category_tree}
								</select>
							</td>
						</tr>
						<tr>
							<th>商品描述</th>
							<td>
								<textarea name="post[goods_remark]" rows="5" cols="57" style="width:300px;">{$data.goods_remark}</textarea>
							</td>
						</tr>
						<!--tr>
							<th>商品货号</th>
							<td><input type="text" name="post[goods_sn]" value="{$data.goods_sn}"><span class="form-required"></span></td>
						</tr-->
						<!--tr>
							<th>商品品牌</th>
							<td><input type="text" name="post[brand_id]" value="{$data.brand_id}"><span class="form-required"></span></td>
						</tr-->
						<tr>
							<th>本店售价</th>
							<td><input type="text" name="post[shop_price]" value="{$data.shop_price}" style="width:100px;"><span class="form-required"></span></td>
						</tr>
						<tr>
							<th>市场价</th>
							<td><input type="text" name="post[market_price]" value="{$data.market_price}" style="width:100px;"><span class="form-required"></span></td>
						</tr>
						<tr>
							<th>商品重量</th>
							<td><input type="text" name="post[weight]" value="{$data.weight}" style="width:100px;"><span class="form-required"></span> 克</td>
						</tr>
						<tr>
							<th>赠送积分</th>
							<td><input type="text" name="post[give_integral]" value="{$data.give_integral}" style="width:100px;"><span class="form-required"></span></td>
						</tr>	
						<tr>
							<th>商品图片</th>
							<td>
								<div style="">
									<input type="hidden" name="post[goods_img]" id="thumb" value="{$data.goods_img|default=''}">
									<a href="javascript:upload_one_image('图片上传','#thumb');">
										<if condition="empty($data['goods_img'])">
											<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand"/>
										<else />
											<img src="{:sp_get_image_preview_url($data['goods_img'])}" id="thumb-preview" width="135" style="cursor: hand"/>
										</if>
									</a>
									<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
					</table>
		          </div>
		          <div class="tab-pane" id="B">											
						<table class="table table-bordered">
							<tr>
								<th width="100">详细描述</th>
								<td><script type="text/plain" id="content" name="post[goods_content]" style="height:350px;">{$data.goods_content}</script></td>								
							</tr>
						</table>										
		          </div>
		          <div class="tab-pane" id="C">
						<ul id="photos" class="pic-list unstyled">
								<notempty name="photo">
										<foreach name="photo" item="vo">
										
										<li id="savedimage{$key}">
											<input id="photo-{$key}" type="hidden" name="photos_url[]" value="{$vo.url}"> 
											<input id="photo-{$key}-name" type="text" name="photos_alt[]" value="{$vo.alt}" style="width: 200px;" title="图片名称">
											<img id="photo-{$key}-preview" src="{:sp_get_image_preview_url($vo['url'])}" style="height:36px;width: 36px;" onclick="parent.image_preview_dialog(this.src);">
											<a href="javascript:upload_one_image('图片上传','#photo-{$key}');">替换</a>
											<a href="javascript:(function(){ $('#savedimage{$key}').remove();})();">移除</a>
										</li>
										</foreach>
								</notempty>
						</ul>
						<a href="javascript:upload_multi_image('图片上传','#photos','photos-item-wrapper');" class="btn btn-small">选择图片</a>
		          </div>
				  <div class="tab-pane" id="D">
						<div class="control-group">
							<label class="control-label">商品类型</label>
							<div class="controls">
								<select name="post[goods_type]" id="" class="select_type">
									<option value="">请选择</option>
									<foreach name="goods_type" item="val">
									<option value="{$val.id}" <if condition="$val['id'] eq $data['goods_type']">selected</if>>{$val.name}</option>
									</foreach>
								</select>
							</div>
						</div>
						 <div id="ajax_spec_data"><!-- ajax 返回规格--></div>
				  </div>
				  <div class="tab-pane" id="E">
						<table class="table table-bordered">
							<tr>
								<th>库存</th>
								<td><input type="text" name="post[store_count]" value="{$data.store_count}" style="width:100px;"><span class="form-required"></span></td>
							</tr>
							<tr>
								<th>推荐</th>
								<td>
								<input type="checkbox" value="1" name="post[is_recommend]" style="margin:0;" <if condition="$data.is_recommend eq 1">checked</if> /> 推荐&nbsp; 
								<input type="checkbox" value="1" name="post[is_new]" style="margin:0;" <if condition="$data.is_new eq 1">checked</if> /> 新品&nbsp; 
								<input type="checkbox" value="1" name="post[is_hot]" style="margin:0;" <if condition="$data.is_hot eq 1">checked</if> /> 热卖&nbsp; 								
								</td>
							</tr>
							<tr>
								<th>上架</th>
								<td>
									<select name="post[is_on_sale]" id="" style="width:50px;">
										<option value="1" <if condition="$data.is_on_sale eq 1">selected</if>>是</option>
										<option value="0" <if condition="$data.is_on_sale eq 0">selected</if>>否</option>
									</select>
								</td>
							</tr>
							<!--tr>
								<th>是否免运费</th>
								<td>
								<input type="checkbox" value="1" name="post[is_free_shipping]" style="margin:0;" <if condition="$data.is_free_shipping eq 1">checked</if> /> 打勾表示免运费&nbsp; 								
								</td>
							</tr-->
							<tr>
								<th>seo关键词</th>
								<td>
									<input type="text" name="post[keywords]" value="{$data.keywords}" style="width:300px;"><span class="form-required"></span>
								</td>
							</tr>
							<tr>
								<th>seo描述</th>
								<td>
									<textarea name="post[good_desc]" rows="5" cols="57" style="width:300px;">{$data.good_desc}</textarea>
								</td>
							</tr>
						</table>
				  </div>
		        </div>
		    </div>
		    <div class="form-actions">
		     	<button class="btn btn-primary js-ajax-submit"type="submit">{:L('SAVE')}</button>
		      	<a class="btn" href="javascript:history.back(-1);">{:L('BACK')}</a>
		    </div>
		</form>
	</div>
	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
		//编辑器路径定义
		var editorURL = GV.WEB_ROOT;
		var ue = UE.getEditor('content',{
			wordCount:false,
			elementPathEnabled:false,
		});
	</script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('.select_type').change(function(){
				var type_id = $(this).val();
				var goods_id = $("input[name='post[goods_id]']").val();
				 $.ajax({
                    type:'GET',
                    data:{type_id:type_id,id:goods_id}, 
                    url:"{:U('AdminGoods/ajaxGetSpec')}",
                    success:function(data){                            
                           $("#ajax_spec_data").html('')
                           $("#ajax_spec_data").append(data);
						   //alert('132');
						   ajaxGetSpecInput();	// 触发完  马上处罚 规格输入框
                    }
				});	
			});
			$(".select_type").trigger('change'); 
		});
	</script>
	<script type="text/javascript">
		$(function() {
			$(".js-ajax-close-btn").on('click', function(e) {
				e.preventDefault();
				Wind.use("artDialog", function() {
					art.dialog({
						id : "question",
						icon : "question",
						fixed : true,
						lock : true,
						background : "#CCCCCC",
						opacity : 0,
						content : "您确定需要关闭当前页面嘛？",
						ok : function() {
							setCookie("refersh_time", 1);
							window.close();
							return true;
						}
					});
				});
			});
			/////---------------------
			Wind.use('validate', 'ajaxForm', 'artDialog', function() {
				//javascript

				//编辑器
				editorcontent = new baidu.editor.ui.Editor();
				editorcontent.render('content');
				try {
					editorcontent.sync();
				} catch (err) {
				}
				//增加编辑器验证规则
				jQuery.validator.addMethod('editorcontent', function() {
					try {
						editorcontent.sync();
					} catch (err) {
					}
					return editorcontent.hasContents();
				});
				var form = $('form.js-ajax-forms');
				//ie处理placeholder提交问题
				if ($.browser && $.browser.msie) {
					form.find('[placeholder]').each(function() {
						var input = $(this);
						if (input.val() == input.attr('placeholder')) {
							input.val('');
						}
					});
				}

				var formloading = false;
				//表单验证开始
				form.validate({
					//是否在获取焦点时验证
					onfocusout : false,
					//是否在敲击键盘时验证
					onkeyup : false,
					//当鼠标掉级时验证
					onclick : false,
					//验证错误
					showErrors : function(errorMap, errorArr) {
						//errorMap {'name':'错误信息'}
						//errorArr [{'message':'错误信息',element:({})}]
						try {
							$(errorArr[0].element).focus();
							art.dialog({
								id : 'error',
								icon : 'error',
								lock : true,
								fixed : true,
								background : "#CCCCCC",
								opacity : 0,
								content : errorArr[0].message,
								cancelVal : '确定',
								cancel : function() {
									$(errorArr[0].element).focus();
								}
							});
						} catch (err) {
						}
					},
					//验证规则
					rules : {
						'post[goods_name]' : {
							required : 1
						},
						'post[cat_id]' : {
							required : 1
						},
						
					},
					//验证未通过提示消息
					messages : {
						'post[goods_name]' : {
							required : '商品名称不能为空'
						},
						'post[cat_id]' : {
							required : '请选择分类'
						},
					},
					//给未通过验证的元素加效果,闪烁等
					highlight : false,
					//是否在获取焦点时验证
					onfocusout : false,
					//验证通过，提交表单
					submitHandler : function(forms) {
						if (formloading)
							return;
						$(forms).ajaxSubmit({
							url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
							dataType : 'json',
							beforeSubmit : function(arr, $form, options) {
								formloading = true;
							},
							success : function(data, statusText, xhr, $form) {
								formloading = false;
								if (data.status) {
									setCookie("refersh_time", 1);
									//添加成功
									Wind.use("artDialog", function() {
										art.dialog({
											id : "succeed",
											icon : "succeed",
											fixed : true,
											lock : true,
											background : "#CCCCCC",
											opacity : 0,
											content : data.info,
											button : [ {
												name : '继续添加？',
												callback : function() {
													reloadPage(window);
													return true;
												},
												focus : true
											}, {
												name : '返回列表页',
												callback : function() {
													location = "{:U('AdminGoods/index')}";
													return true;
												}
											} ]
										});
									});
								} else {
									artdialog_alert(data.info);
								}
							}
						});
					}
				});
			});
			////-------------------------
		});
	</script>
</body>
</html>